/*
 * 基础通用样式库
*/

.bg-page {
    background: rgb(246, 247, 252);
}
/* 初始化 */
.page-index {
    width: 100%
}

* {
    /* margin: 0;
    padding: 0; */
    box-sizing: border-box
}

.a-image {
    width: 100%;
    height: 100%
}
.background-size-full {
    background-size: 100% 100% !important
}
/* 字间距 */

.letter-spacing-2 {
    letter-spacing: 2em
}
/*display*/

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.none {
    display: none
}

/*overflow*/

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.overflow-x-auto::-webkit-scrollbar {
    display: none
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-auto {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.overflow-y-hidden {
    overflow-y: hidden
}

/*position*/

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

/*float*/

.clear {
    zoom: 1
}

.clear:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden
}

.float-l {
    float: left
}

.float-r {
    float: right
}

/*text-align*/

.text-l {
    text-align: left
}

.text-r {
    text-align: right
}

.text-c {
    text-align: center
}

/*z-index*/

.z-index-ne-99 {
    z-index: -99 !important
}

.z-index-0 {
    z-index: 0 !important
}

.z-index-1 {
    z-index: 1 !important
}

.z-index-9 {
    z-index: 9 !important
}

.z-index-99 {
    z-index: 99 !important
}

.z-index-199 {
    z-index: 199 !important
}

/*换行*/

.word-break-all {
    word-break: break-all !important
}

.word-break-word {
    word-break: break-word !important
}

/*省略号*/

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}


/*pre样式*/

.pre {
    white-space: pre;
}

/*移除所有event*/

.no-events {
    pointer-events: none
}

/* 头部固定 */

.fixed-top {
    position: fixed;
    left: 0;
    top: 0
}

/* 底部固定 */
.border-b-0{
    border-bottom: 0 !important;
}
.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0
}

/*字体加粗 使用bold 安卓手机不支持数字加粗*/

.bold {
    font-weight: bold
}

.bold-600 {
    font-weight: 600
}

/* 下划线 */

.text-decoration-underline {
    text-decoration: underline
}

/* 字体大小 */

.fs-0 {
    font-size: 0 !important
}

.fs-10 {
    font-size: 10px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-13 {
    font-size: 13px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-17 {
    font-size: 17px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-19 {
    font-size: 19px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-21 {
    font-size: 21px !important
}

.fs-22 {
    font-size: 22px !important
}

.fs-23 {
    font-size: 23px !important
}

.fs-24 {
    font-size: 24px !important
}

.fs-25 {
    font-size: 25px !important
}

.fs-26 {
    font-size: 26px !important
}

.fs-28 {
    font-size: 28px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-32 {
    font-size: 32px !important
}

.fs-34 {
    font-size: 34px !important
}

.fs-36 {
    font-size: 36px !important
}

.fs-37 {
    font-size: 37px !important
}

.fs-38 {
    font-size: 38px !important
}

.fs-40 {
    font-size: 40px !important
}

.fs-42 {
    font-size: 42px !important
}

.fs-44 {
    font-size: 44px !important
}

.fs-48 {
    font-size: 48px !important
}

.fs-52 {
    font-size: 52px !important
}

.fs-54 {
    font-size: 54px !important
}

.fs-56 {
    font-size: 56px !important
}

.fs-72 {
    font-size: 72px !important
}

.fs-80 {
    font-size: 80px !important
}

.fs-92 {
    font-size: 92px !important
}

/*字体颜色 代码类*/

.c-fff {
    color: #ffffff !important
}

.c-000 {
    color: #000000 !important
}

.c-aaa {
    color: #aaaaaa !important
}

.c-ccc {
    color: #cccccc !important
}

.c-333 {
    color: #333333 !important
}

.c-666 {
    color: #666666 !important
}

.c-666-hover:hover {
    color: #333333 !important
}

.c-888 {
    color: #888888 !important
}

.c-999 {
    color: #999999 !important
}

.c-ff4141 {
    color: #ff4141 !important
}

.c-c5c5c5 {
    color: #c5c5c5 !important
}

.c-727272 {
    color: #727272 !important
}

.c-030303 {
    color: #030303 !important
}

.c-cb5e1d {
    color: #cb5e1d !important
}

.c-858e99 {
    color: #858e99 !important
}

.c-ffea00 {
    color: #FFEA00 !important
}

.c-8a6b2a {
    color: #8a6b2a !important
}

.c-b69d62 {
    color: #b69d62 !important
}

.c-bababa {
    color: #bababa !important
}

.c-720a0a {
    color: #720a0a !important
}

.c-f9c88f {
    color: #f9c88f !important
}

.c-f98801 {
    color: #f98801 !important
}

.c-fff8eb {
    color: #fff8eb !important
}

.c-917b5d {
    color: #917b5d !important
}

.c-0097FF {
    color: #0097FF !important
}

.c-ffbf00 {
    color: #FFBF00 !important
}

.c-DE3C41 {
    color: #DE3C41 !important
}

.c-F0345B {
    color: #F0345B !important
}

.c-DB301D {
    color: #DB301D !important
}

.c-576A95 {
    color: #576A95 !important
}

.c-F25643 {
    color: #F25643 !important
}

.c-191F25 {
    color: #191F25 !important
}

.c-7F7C85 {
    color: #7F7C85 !important
}

.c-EB0C0C {
    color: #EB0C0C !important
}

.c-FF455D {
    color: #FF455D !important
}

.c-FFE396 {
    color: #FFE396 !important
}

.c-262626 {
    color: #262626 !important
}

.c-FB6A45 {
    color: #FB6A45 !important
}

.c-FCB600 {
    color: #FCB600 !important
}

.c-E71F34 {
    color: #E71F34 !important
}

.c-ABAFC3 {
    color: #ABAFC3 !important
}

.c-A3A5A8 {
    color: #A3A5A8 !important
}

.c-5065C2 {
    color: #5065C2 !important
}

.c-a3a5a8 {
    color: #A3A5A8 !important
}

.c-74A3FF {
    color: #74A3FF !important
}

.c-454754 {
    color: #454754 !important
}

.c-0051FF {
    color: #0051FF !important
}

.c-191F2566 {
    color: rgba(25, 31, 37, 0.4) !important
}

.c-191F258F {
    color: rgba(25, 31, 37, 0.56) !important
}

.c-191F2547 {
    color: rgba(25, 31, 37, 0.28) !important
}

.c-191F251F {
    color: rgba(25, 31, 37, 0.12) !important
}

.c-3296FA {
    color: #3296FA !important
}

.c-1FD196 {
    color: #1FD196 !important
}

/*字体颜色 描述类*/

.c-red {
    color: #ff4141 !important
}

.c-disabled {
    color: #cccccc !important
}


/*边框*/

.border-0 {
    border: 0 !important
}

/* 边框圆角 */

.border-radius-p-50 {
    border-radius: 50% !important
}

.border-circle {
    border-radius: 50% !important
}

.border-radius-2 {
    border-radius: 2px !important
}

.border-radius-4 {
    border-radius: 4px !important
}

.border-radius-6 {
    border-radius: 6px !important
}

.border-radius-8 {
    border-radius: 8px !important
}

.border-radius-10 {
    border-radius: 10px !important
}

.border-radius-12 {
    border-radius: 12px !important
}

.border-radius-14 {
    border-radius: 14px !important
}

.border-radius-16 {
    border-radius: 16px !important
}

.border-radius-18 {
    border-radius: 18px !important
}

.border-radius-20 {
    border-radius: 20px !important
}

.border-radius-24 {
    border-radius: 24px !important
}

.border-radius-30 {
    border-radius: 30px !important
}

.border-radius-t-x-8 {
    border-radius: 8px 8px 0px 0px !important
}

.border-radius-b-x-8 {
    border-radius: 0px 0px 8px 8px !important
}

.border-radius-t-l-r-8 {
    border-radius: 8px 8px 0px 0px !important
}

.border-radius-b-l-r-8 {
    border-radius: 0px 0px 8px 8px !important
}

/*背景颜色 描述类*/

.bg-blue {
    background-color: #3296FA !important
}

.bg-red {
    background-color: #FF4141 !important
}

.bg-yellow {
    background-color: #FFEA00 !important
}

.bg-disabled {
    background-color: #C6E2FE !important
}

/*背景颜色 代码类*/

.bg-transparent {
    background-color: transparent !important
}

.bg-fafafa {
    background-color: #fafafa !important
}

.bg-ccc {
    background-color: #cccccc !important
}

.bg-eee {
    background-color: #eeeeee !important
}

.bg-fff {
    background-color: #ffffff !important
}

.bg-000 {
    background-color: #000000 !important
}

.bg-333 {
    background-color: #333333 !important
}

.bg-999 {
    background-color: #999999 !important
}

.bg-f5f5f5 {
    background-color: #f5f5f5 !important
}

.bg-f6f6f6 {
    background-color: #f6f6f6 !important
}

.bg-f8f8f8 {
    background-color: #f8f8f8 !important
}

.bg-3296FA14 {
    background-color: rgba(50, 150, 250, 0.08) !important
}

.bg-3296FA3D {
    background-color: rgba(50, 150, 250, 0.24) !important
}

.bg-FF414114 {
    background-color: rgba(255, 65, 65, 0.08) !important
}

.bg-191F2566 {
    background-color: rgba(25, 31, 37, 0.4) !important
}

.bg-191F250A {
    background-color: rgba(25, 31, 37, 0.04) !important
}

.bg-191F2514 {
    background-color: rgba(25, 31, 37, 0.08) !important
}

.bg-F2564314 {
    background-color: rgba(242, 86, 67, 0.08) !important
}

.bg-2F87E0 {
    background-color: #2F87E0 !important
}

.bg-F5DDD9 {
    background-color: #F5DDD9 !important
}

.bg-E3E3E4 {
    background-color: #E3E3E4 !important
}

.bg-00000066 {
    background-color: rgba(0, 0, 0, 0.4) !important
}

.bg-F6F7FC {
    background-color: #F6F7FC !important
}

/* width 固定宽 */

.w-4 {
    width: 4px !important
}

.w-375 {
    width: 375px !important
}


/*width百分比*/

.w-p-10 {
    width: 10% !important
}

.w-p-25 {
    width: 25% !important
}

.w-p-30 {
    width: 30% !important
}

.w-p-33 {
    width: 33.3% !important
}

.w-p-40 {
    width: 40% !important
}

.w-p-60 {
    width: 60% !important
}

.w-p-66 {
    width: 66.6% !important
}

.w-p-50 {
    width: 50% !important
}

.w-p-80 {
    width: 80% !important
}

.w-p-100 {
    width: 100% !important
}

/*最大最小宽度*/

.w-max-p-100 {
    max-width: 100%
}

/*height 固定高*/

.h-auto {
    height: auto !important
}

.h-0 {
    height: 0 !important
}


/*最大最小高度*/

.h-max-p-60 {
    max-height: 60%
}

.h-max-p-70 {
    max-height: 70%
}

.h-max-p-80 {
    max-height: 80%
}

.h-max-p-100 {
    max-height: 100%
}

.h-min-p-100 {
    min-height: 100%
}

/*height 百分比*/

.h-p-60 {
    height: 60%
}

.h-p-80 {
    height: 80%
}

.h-p-100 {
    height: 100%
}


/*height vm*/

.h-vw-100 {
    height: 100vw
}

/*height vh*/

.vh-60 {
    height: 60vh !important
}

.vh-80 {
    height: 80vh !important
}

.vh-90 {
    height: 90vh !important
}

.vh-100 {
    height: 100vh !important
}

/*height 最小高度*/

.min-vh-100 {
    min-height: 100vh !important
}

/* 正方形 */

.square-16 {
    height: 16px !important;
    width: 16px !important
}

.square-20 {
    height: 20px !important;
    width: 20px !important
}

.square-24 {
    height: 24px !important;
    width: 24px !important
}

.square-26 {
    height: 26px !important;
    width: 26px !important
}

.square-28 {
    height: 28px !important;
    width: 28px !important
}

.square-30 {
    height: 30px !important;
    width: 30px !important
}

.square-32 {
    height: 32px !important;
    width: 32px !important
}

.square-40 {
    height: 40px !important;
    width: 40px !important
}

.square-44 {
    height: 44px !important;
    width: 44px !important
}

.square-48 {
    height: 48px !important;
    width: 48px !important
}

.square-56 {
    height: 56px !important;
    width: 56px !important
}

.square-62 {
    height: 62px !important;
    width: 62px !important
}

.square-64 {
    height: 64px !important;
    width: 64px !important
}

.square-68 {
    height: 68px !important;
    width: 68px !important
}

.square-72 {
    height: 72px !important;
    width: 72px !important
}

.square-74 {
    height: 74px !important;
    width: 74px !important
}

.square-80 {
    height: 80px !important;
    width: 80px !important
}

.square-88 {
    height: 88px !important;
    width: 88px !important
}

.square-90 {
    height: 90px !important;
    width: 90px !important
}

.square-94 {
    height: 94px !important;
    width: 94px !important
}

.square-96 {
    height: 96px !important;
    width: 96px !important
}

.square-112 {
    height: 112px !important;
    width: 112px !important
}

.square-116 {
    height: 116px !important;
    width: 116px !important
}

.square-160 {
    height: 160px !important;
    width: 160px !important
}

.square-188 {
    height: 188px !important;
    width: 188px !important
}

.square-220 {
    height: 220px !important;
    width: 220px !important
}

.square-232 {
    height: 232px !important;
    width: 232px !important
}

.square-340 {
    height: 340px !important;
    width: 340px !important
}

.square-360 {
    height: 360px !important;
    width: 360px !important
}

.square-400 {
    height: 400px !important;
    width: 400px !important
}
/*line-height */

.lh-inherit {
    line-height: inherit !important
}

.lh-initial {
    line-height: initial !important
}
.lh-14 {
    line-height: 14px !important
}

/*上下左右距离*/

.top-0 {
    top: 0 !important
}
.bottom-0 {
    bottom: 0 !important
}
.top-10{
    top: 16px !important

}
.top-i-10 {
    top: -10px !important
}
.top-p-50 {
    top: 50% !important
}
.top-minus-8 {
    top: -8px !important
}


.left-0 {
    left: 0 !important
}

.left-16 {
    left: 16px !important
}

.left-20 {
    left: 20px !important
}

.left-24 {
    left: 24px !important
}

.left-32 {
    left: 32px !important
}

.right-0 {
    right: 0 !important
}

.right-20 {
    right: 20px !important
}

.right-24 {
    right: 24px !important
}

.right-32 {
    right: 32px !important
}


.transform-x-50 {
    transform: translateX(-50%) !important
}

.transform-y-50 {
    transform: translateY(-50%) !important
}

.transform-y-on-50 {
    transform: translateY(50%) !important
}

.transform-translate-50 {
    transform: translate(-50%, -50%)
}


/*margin四项*/

.m-0 {
    margin: 0 !important
}

.m-5 {
    margin: 5px !important
}

.m-8 {
    margin: 8px !important
}

.m-10 {
    margin: 10px !important
}

.m-14 {
    margin: 14px !important
}

.m-15 {
    margin: 15px !important
}

.m-16 {
    margin: 16px !important
}

.m-20 {
    margin: 20px !important
}

.m-24 {
    margin: 24px !important
}

.m-32 {
    margin: 32px !important
}

.m-auto {
    margin: 0 auto !important
}


/*margin 双项*/

.m-x-4 {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.m-x-8 {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.m-x-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.m-x-16 {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.m-x-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.m-x-24 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.m-x-32 {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.m-x-36 {
    margin-left: 36px !important;
    margin-right: 36px !important
}

.m-x-66 {
    margin-left: 66px !important;
    margin-right: 66px !important
}

.m-x-100 {
    margin-left: 100px !important;
    margin-right: 100px !important
}

.m-x-minus-32 {
    margin-left: -32px !important;
    margin-right: -32px !important
}

.m-y-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

.m-y-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.m-y-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important
}

.m-y-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.m-y-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.m-y-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.m-y-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.m-y-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.m-y-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.m-y-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.m-y-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.m-y-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

/*margin 单项*/

.m-t-2 {
    margin-top: 2px !important
}

.m-t-3 {
    margin-top: 3px !important
}

.m-t-4 {
    margin-top: 4px !important
}

.m-t-6 {
    margin-top: 6px !important
}

.m-t-8 {
    margin-top: 8px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-t-12 {
    margin-top: 12px !important
}

.m-t-16 {
    margin-top: 16px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-t-22 {
    margin-top: 22px !important
}

.m-t-24 {
    margin-top: 24px !important
}

.m-t-28 {
    margin-top: 28px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-t-32 {
    margin-top: 32px !important
}

.m-t-36 {
    margin-top: 36px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-t-44 {
    margin-top: 44px !important
}

.m-t-48 {
    margin-top: 48px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.m-t-52 {
    margin-top: 50px !important
}

.m-t-56 {
    margin-top: 56px !important
}

.m-t-60 {
    margin-top: 60px !important
}

.m-t-62 {
    margin-top: 62px !important
}

.m-t-64 {
    margin-top: 64px !important
}

.m-t-72 {
    margin-top: 72px !important
}

.m-t-80 {
    margin-top: 80px !important
}

.m-t-88 {
    margin-top: 88px !important
}

.m-t-90 {
    margin-top: 90px !important
}

.m-t-120 {
    margin-top: 120px !important
}

.m-t-124 {
    margin-top: 124px !important
}

.m-t-175 {
    margin-top: 175px !important
}

.m-t-180 {
    margin-top: 180px !important
}

.m-t-194 {
    margin-top: 194px !important
}

.m-t-198 {
    margin-top: 198px !important
}

.m-t-200 {
    margin-top: 200px !important
}

.m-t-206 {
    margin-top: 206px !important
}

.m-t-210 {
    margin-top: 210px !important
}

.m-t-220 {
    margin-top: 220px !important
}

.m-t-322 {
    margin-top: 322px !important
}

.m-t-420 {
    margin-top: 420px !important
}

.m-t-430 {
    margin-top: 430px !important
}

.m-b-4 {
    margin-bottom: 4px !important
}

.m-b-6 {
    margin-bottom: 6px !important
}

.m-b-8 {
    margin-bottom: 8px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-b-12 {
    margin-bottom: 12px !important
}

.m-b-16 {
    margin-bottom: 16px !important
}

.m-b-18 {
    margin-bottom: 18px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-b-22 {
    margin-bottom: 22px !important
}

.m-b-24 {
    margin-bottom: 24px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-b-32 {
    margin-bottom: 32px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.m-b-42 {
    margin-bottom: 42px !important
}

.m-b-100 {
    margin-bottom: 100px !important
}

.m-b-120 {
    margin-bottom: 120px !important
}

.m-b-126 {
    margin-bottom: 126px !important
}

.m-b-128 {
    margin-bottom: 128px !important
}

.m-b-194 {
    margin-bottom: 194px !important
}

.m-b-240 {
    margin-bottom: 240px !important
}

.m-l-0 {
    margin-left: 0px !important
}

.m-l-4 {
    margin-left: 4px !important
}

.m-l-8 {
    margin-left: 8px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-l-12 {
    margin-left: 12px !important
}

.m-l-14 {
    margin-left: 14px !important
}

.m-l-16 {
    margin-left: 16px !important
}

.m-l-18 {
    margin-left: 18px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-l-23 {
    margin-left: 23px !important
}

.m-l-24 {
    margin-left: 24px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.m-l-32 {
    margin-left: 32px !important
}

.m-l-34 {
    margin-left: 34px !important
}

.m-l-36 {
    margin-left: 36px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.m-l-48 {
    margin-left: 48px !important
}

.m-l-56 {
    margin-left: 56px !important
}

.m-l-60 {
    margin-left: 60px !important
}

.m-l-78 {
    margin-left: 78px !important
}

.m-l-88 {
    margin-left: 88px !important
}

.m-l-97 {
    margin-left: 97px !important
}

.m-l-140 {
    margin-left: 140px !important
}

.m-l-160 {
    margin-left: 160px !important
}

.m-l-182 {
    margin-left: 182px !important
}

.m-l-188 {
    margin-left: 188px !important
}

.m-l-190 {
    margin-left: 190px !important
}

.m-l-194 {
    margin-left: 194px !important
}

.m-l-200 {
    margin-left: 200px !important
}

.m-l-214 {
    margin-left: 214px !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-r-4 {
    margin-right: 4px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-r-6 {
    margin-right: 6px !important
}

.m-r-7 {
    margin-right: 7px !important
}

.m-r-8 {
    margin-right: 8px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-r-12 {
    margin-right: 12px !important
}

.m-r-14 {
    margin-right: 14px !important
}

.m-r-16 {
    margin-right: 16px !important
}

.m-r-18 {
    margin-right: 18px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-r-22 {
    margin-right: 22px !important
}

.m-r-24 {
    margin-right: 24px !important
}

.m-r-28 {
    margin-right: 28px !important
}

.m-r-32 {
    margin-right: 32px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.m-r-44 {
    margin-right: 44px !important
}

.m-r-48 {
    margin-right: 48px !important
}

.m-r-148 {
    margin-right: 148px !important
}

/*padding 四项*/

.p-0 {
    padding: 0 !important
}

.p-2 {
    padding: 2px !important
}

.p-7 {
    padding: 7px !important
}

.p-8 {
    padding: 8px !important
}

.p-10 {
    padding: 10px !important
}

.p-16 {
    padding: 16px !important
}

.p-20 {
    padding: 20px !important
}

.p-24 {
    padding: 24px !important
}

.p-32 {
    padding: 32px !important
}

.p-48 {
    padding: 48px !important
}

.p-10-20 {
    padding: 10px 20px !important
}

.p-16-32 {
    padding: 16px 32px !important
}

.p-24-32 {
    padding: 24px 32px !important
}

.p-20-32 {
    padding: 20px 32px !important
}

/*padding 两项*/

.p-y-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.p-y-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.p-y-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.p-y-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.p-y-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.p-y-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.p-y-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}

.p-y-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.p-y-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.p-y-11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important
}

.p-y-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.p-y-14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important
}

.p-y-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.p-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.p-y-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.p-y-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.p-y-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

.p-y-66 {
    padding-top: 66px !important;
    padding-bottom: 66px !important
}

.p-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.p-x-4 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.p-x-3 {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.p-x-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.p-x-6 {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.p-x-8 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.p-x-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.p-x-12 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.p-x-16 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.p-x-18 {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.p-x-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.p-x-24 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.p-x-28 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.p-x-32 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.p-x-36 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.p-x-38 {
    padding-left: 38px !important;
    padding-right: 38px !important
}

.p-x-48 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.p-x-50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.p-x-80 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.p-x-130 {
    padding-left: 130px !important;
    padding-right: 130px !important
}

/*padding 单项*/

.p-t-0 {
    padding-top: 0 !important
}

.p-t-4 {
    padding-top: 4px !important
}

.p-t-8 {
    padding-top: 8px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-t-12 {
    padding-top: 12px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-t-16 {
    padding-top: 16px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-t-22 {
    padding-top: 22px !important
}

.p-t-24 {
    padding-top: 24px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-t-32 {
    padding-top: 32px !important
}

.p-t-36 {
    padding-top: 36px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-t-44 {
    padding-top: 44px !important
}

.p-t-48 {
    padding-top: 48px !important
}

.p-t-60 {
    padding-top: 60px !important
}

.p-t-64 {
    padding-top: 64px !important
}

.p-t-72 {
    padding-top: 72px !important
}

.p-t-88 {
    padding-top: 88px !important
}

.p-t-90 {
    padding-top: 90px !important
}

.p-t-120 {
    padding-top: 120px !important
}

.p-t-124 {
    padding-top: 124px !important
}

.p-t-130 {
    padding-top: 130px !important
}

.p-t-220 {
    padding-top: 220px !important
}

.p-t-322 {
    padding-top: 322px !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-b-4 {
    padding-bottom: 4px !important
}

.p-b-8 {
    padding-bottom: 8px !important
}

.p-b-16 {
    padding-bottom: 16px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-b-16 {
    padding-bottom: 16px !important
}

.p-b-18 {
    padding-bottom: 18px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-b-22 {
    padding-bottom: 22px !important
}

.p-b-24 {
    padding-bottom: 24px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-b-32 {
    padding-bottom: 32px !important
}

.p-b-38 {
    padding-bottom: 38px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.p-b-48 {
    padding-bottom: 48px !important
}

.p-b-64 {
    padding-bottom: 64px !important
}

.p-b-80 {
    padding-bottom: 80px !important
}

.p-b-90 {
    padding-bottom: 90px !important
}

.p-b-100 {
    padding-bottom: 100px !important
}

.p-b-126 {
    padding-bottom: 126px !important
}

.p-b-158 {
    padding-bottom: 158px !important
}

.p-b-240 {
    padding-bottom: 240px !important
}

.p-l-0 {
    padding-left: 0px !important
}

.p-l-2 {
    padding-left: 2px !important
}

.p-l-4 {
    padding-left: 4px !important
}

.p-l-8 {
    padding-left: 8px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-l-16 {
    padding-left: 16px !important
}

.p-l-18 {
    padding-left: 18px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-l-24 {
    padding-left: 24px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.p-l-32 {
    padding-left: 32px !important
}

.p-l-38 {
    padding-left: 38px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.p-l-44 {
    padding-left: 44px !important
}

.p-l-80 {
    padding-left: 80px !important
}

.p-l-120 {
    padding-left: 120px !important
}

.p-l-136 {
    padding-left: 136px !important
}

.p-l-34 {
    padding-left: 34px !important
}

.p-r-0 {
    padding-right: 0px !important
}

.p-r-8 {
    padding-right: 8px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-r-16 {
    padding-right: 16px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-r-24 {
    padding-right: 24px !important
}

.p-r-28 {
    padding-right: 28px !important
}

.p-r-32 {
    padding-right: 32px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.p-r-48 {
    padding-right: 48px !important
}

.p-r-80 {
    padding-right: 80px !important
}

/*flex布局*/

.flex {
    display: flex
}

.flex0 {
    flex: none
}

.flex1 {
    flex: 1
}

.flex-wrap-wrap {
    flex-wrap: wrap
}

.flex-wrap-nowrap {
    flex-wrap: nowrap
}

.flex-direction-row {
    flex-direction: row
}

.flex-direction-row-reverse {
    flex-direction: row-reverse
}

.flex-direction-column {
    flex-direction: column
}

.flex-direction-column-reverse {
    flex-direction: column-reverse
}

/*主轴上的排版*/

.flex-justify-content-start {
    justify-content: flex-start
}

.flex-justify-content-center {
    justify-content: center
}

.flex-justify-content-end {
    justify-content: flex-end
}

.flex-justify-content-space-between {
    justify-content: space-between
}

.flex-justify-content-space-around {
    justify-content: space-around
}

.flex-justify-content-space-evenly {
    justify-content: space-evenly
}

.align-items-start {
    align-items: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

.align-items-baseline {
    align-items: baseline
}

.align-items-stretch {
    align-items: stretch
}

.align-content-start {
    align-content: flex-start
}

.align-content-end {
    align-content: flex-end
}

.align-content-center {
    align-content: center
}

.align-content-between {
    align-content: space-between
}

.align-content-around {
    align-content: space-around
}

.align-content-stretch {
    align-content: stretch
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink-1 {
    flex-shrink: 1
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-grow-2 {
    flex-grow: 2
}

.flex-grow-3 {
    flex-grow: 3
}

.flex-basis-20 {
    flex-basis: 20%
}

.flex-basis-25 {
    flex-basis: 25%
}

.flex-basis-267 {
    flex-basis: 26.7%
}

.flex-basis-3953 {
    flex-basis: 39.53%
}

.flex-basis-33 {
    flex-basis: 33.3%
}

.flex-basis-50 {
    flex-basis: 50%
}

.flex-basis-66 {
    flex-basis: 66.6%
}

.flex-basis-90 {
    flex-basis: 90%
}

.flex-basis-80 {
    flex-basis: 80%
}

.flex-basis-100 {
    flex-basis: 100%
}

/* flex item属性 */

.align-self-auto {
    align-self: auto
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.align-self-center {
    align-self: center
}

.align-self-baseline {
    align-self: baseline
}

.align-self-stretch {
    align-self: stretch
}

/* 组合class */

.flex-center-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.flex-center-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.flex-center-around {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.flex-x-center {
    display: flex;
    justify-content: center
}

.flex-y-center {
    display: flex;
    align-items: center
}

.b-flex-center-center {
    display: inline-flex;
    justify-content: center;
    align-items: center
}


/*悬浮类*/

.hover-c-333:hover {
    color: #333333
}

.hover-c-333:hover i {
    color: #333333
}

.hover-bold:hover {
    font-weight: bold
}

/* 溢出显示省略号 */

.over-ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.over-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.over-ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

/* 过渡transition */

.transition {
    transition: .2s
}

/* 页面切换过渡 */

.slide-left-enter, .slide-right-leave-active {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0)
}

.slide-left-leave-active, .slide-right-enter {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
}


/* iphoneX底部兼容 */

@supports (bottom: env(safe-area-inset-bottom) !important) {
    .page-index {
        box-sizing: border-box;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }
    .fixed-bottom-wrap {
        box-sizing: content-box;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }
}

/* 按钮 */

/* button {
    height: 96px;
    line-height: 96px;
    border-radius: 16px;
    font-size: 34px;
    font-weight: bold;
}

button.default {
    border: none;
    color: #3296FA;
    background-color: rgba(50, 150, 250, 0.08);
} */


/* 底部按钮 -- start */
/* 
.p-foot-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 128px;
    background-color: #ffffff;
    box-shadow: 0px -16px 48px 0px rgba(25, 31, 37, 0.04);
}

.p-foot-btn button {
    flex: 1;
    margin-right: 16px;
}

.p-foot-btn button.default:active {
    background-color: rgba(50, 150, 250, 0.24);
}

.p-foot-btn button:first-child {
    margin-left: 32px;
}

.p-foot-btn button:last-child {
    margin-right: 32px;
} */

/* 底部按钮 -- end */


/*-----项目专有class start-----*/

/*表单*/

.form-module {
    width: 100%;
    background: #fff;
    padding-left: 32px;
    padding-right: 32px;
}

/*一级按钮*/

.button-1 {
    background-color: #3296FA!important;
    color: #fff!important;
    border: 0!important;
    border-radius: 16px;
}

.button-1-hover {
    background-color: #2F87E0!important;
}

/*二级按钮*/

.button-2 {
    background-color: rgba(0, 81, 255, 1)!important;
    color: #fff!important;
    border: 0!important;
    border-radius: 24px;
}

.button-2-default {
    background-color: rgba(0, 81, 255, 0.08);
    color: rgba(0, 81, 255, 1);
    border: 0!important;
    border-radius: 24px;
}

.button-2-hover {
    background-color: rgba(50, 150, 250, 0.24)!important;
}

/*三级按钮*/

.button-3 {
    background-color: #fff!important;
    color: #3296FA!important;
    border-radius: 16px;
}

.button-3-hover {
    background-color: #E3E3E4!important;
}

/*警示按钮二级*/

.button-warning-2 {
    background-color: rgba(255, 65, 65, 0.08)!important;
    color: #ff4141!important;
    border: 0!important;
    border-radius: 16px;
}

.button-warning-2-hover {
    background-color: #F5DDD9!important;
}